@import "common.styl"
@import "vars.styl"
.section
  padding 50px 0 60px
  .section-hd
    width 100%
    //height 100px
    //background-image url("http://pimg.51759.com/titl-bg.png")
    //background-repeat no-repeat
    //background-size 100%
    margin-bottom 30px
    .title
      margin-bottom 20px
      font-size 20px
    .desc
      font-size 16px
      color $garyColor
  .section-bd
    padding 20px 0



.about
  .section-hd
    background-position 0 20px
  .about-text
    p
      text-indent 30px
      font-size 16px
      line-height 1.75
      margin-top 10px
  .company-info
    background-color $primaryColor
    width 100%
    height 400px
    overflow hidden
    margin-top 40px
    .about-img
      width 500px
    .about-info
      width 700px
      padding 30px 50px
      ul
        position relative
        &:after
          content ""
          width 2px
          height 98%
          display block
          background $lightColor
          position absolute
          left 38px
          top 2px
          z-index 9
        li
          position relative
          padding 7px 0 0 110px
          font-size 14px
          line-height 20px
          height 80px
          z-index 99
          margin-bottom 40px
          .icon
            width 80px
            height 80px
            display block
            position absolute
            left 0
            top 0
          p
            color #fff
          .title
            font-size 18px
            margin-bottom 10px
            font-weight bold



.job-bd
  .job-item
    float left
    width 560px
    height 560px
    margin-right 80px
    margin-bottom 50px
    box-shadow 0 0 20px 0 rgba(190,190,190,0.6)
    padding 30px
    border-radius 10px
    &:nth-child(even)
      margin-right 0
    .job-name
      font-size 20px
      color #333
      font-weight bold
    .job-content
      .title
        font-size 18px
        color $garyColor
        margin 20px 0
        padding 0 10px
        border-left 4px solid $lightColor
      ol
        padding-left 25px
        li
          line-height 1.75
          list-style decimal




.contact
  .contact-title
    font-size 20px
  .contact-desc
    font-size 16px
    color $garyColor
    padding 14px 0 24px 0

  .contact-content
    background-color #eee
    padding 20px
    margin-bottom 50px
    .contact-item
      float left
      width 320px
      height 100px
      background-color #ffffff
      padding 0 18px
      margin-right 100px
      &:last-child
        margin-right 0

      .icon
        float left
        line-height 100px
        i
          font-size 38px
          color $lightColor
      .text
        margin-left 18px
        float left
        ul
          li
            line-height 1.75
            &.title
              font-size 16px

        &.address,&.qq
          margin-top 24px
        &.phone
          margin-top 12px

